<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2020/12/22
  Time: 20:18
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>管理首页</title>

    <link href="/statics/css/bootstrap.css" rel="stylesheet"/>
    <link href="/statics/font/bootstrap-icons.css" rel="stylesheet">
</head>
<body>
<%@include file="inc/nav.jsp" %>

<div class="container-fluid">
    <div class="row p-3 mt-3">
        <div class="col-3 col-lg-2">
            <%@include file="inc/menu.jsp" %>
        </div>
        <div class="col-9 col-lg-10">

            <div class="jumbotron">
                <h1 class="display-4">超市管理系统</h1>
                <p class="lead">使用Bootstrap4、jQuery、Servlet、JSTL实现简单的超市进销存管理系统。</p>
                <hr class="my-4">
                <p>系统混合使用了同步和异步请求。为了提高编辑信息时的操作便利性，编辑前数据采用异步方式获取。以下为异步获取数据的URI：</p>
                <ul>
                    <li>/categories</li>
                    <li>/category</li>
                    <li>/goods</li>
                    <li>/goods/sn</li>
                    <li>/sale/items</li>
                    <li>/supplier</li>
                    <li>/suppliers</li>
                </ul>

            </div>

        </div>
    </div>
</div>

<footer class="fixed-bottom bg-dark text-white">
    <p class="text-center p-3 m-0">
        超市管理系统
    </p>
</footer>

<script src="/statics/js/jquery.js" type="text/javascript"></script>
<script src="/statics/js/bootstrap.js" type="text/javascript"></script>

</body>
</html>
